@charset "gb2312";
* { margin:0; padding:0; list-style:none;}
body{ font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; -moz-user-select : none;-webkit-user-select: none;}/**防复制**/
img { border:none; }
a{color:#333333;text-decoration:none;}
.clear{ clear:both;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
blockquote{ padding-left:2em;}
.mShow, .footIcon, .footNav, .logoTitle, .menuMore, .caseTitle{ display:none;}


.top{}
.head{}
.ctWidth{ width:1080px; margin:0 auto;}
.logo{float:left;}
.ctMobile{background:url("ctPng.png") no-repeat scroll -580px 0px; float: right; padding:20px 0 0 50px; width: 160px;}
.ctMobileTitle{color: #3e74ce; font: 14px/30px "微软雅黑",Arial,Helvetica,sans-serif;}
.ctMobileTxt{color:#3e74ce; font:bold 18px/30px Georgia,"微软雅黑",Arial, Helvetica, sans-serif; letter-spacing:2px;}
.ctNav{ background:#000;}
.banner{}
.hotPro{ padding-bottom:30px;}
.hotProTitle{ background:url("ctPng.png") no-repeat scroll -82px -507px; height:100px;}
.hotProList{background: #dedede;padding: 25px 20px;}
.hotProList li{background: #fff; margin: 0 10px 10px 0; padding: 10px; width: 316px; float:left;}
.hotProList li img{ width:316px; height:237px;}
.hotProList li a{ display:block;}
.hotProList li span{ display:block; line-height:26px; text-align:center;}
.pro{ background:url("proBg.jpg") no-repeat center top;}
.iProTitle{ height:100px;text-indent: -9999999px;}
.iProCate{padding: 10px 0 30px; text-align: center;}
.iProCate li{background: #fff; display: inline-block; line-height: 40px; margin-right: 16px; text-align: center; min-width: 150px; padding:0 10px;}
.iProCate .cateParentLi .cateParentA{background:none; color: #000; display: block; font-size: 14px; line-height: 40px; padding-left: 0;}

.proList{ padding-bottom:20px;}
.proList li{ float:left; width:260px; margin:0 10px 10px 0; text-align:center;}
.proList li img{ width:240px; height:180px; border:4px solid #fff;  -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; }
.proList li span{ display:block; line-height:30px;}
.proList li a{ display:block; color:#fff;}
.about{ padding:60px 0;}
.companyPic{ float:left; width:460px;}
.comTitle{font-size: 24px;text-align: center;line-height: 40px;}
.aboutContent {background: url("ctPng.png") no-repeat scroll 345px -2px;float: right;height: 290px;	padding: 20px 20px 12px 8px;width: 580px;}
.aboutTxt {text-indent: 2em;padding-right: 24px;line-height: 30px; }
.aboutDetail{text-align:center; padding-top:10px}
.aboutDetail a{ display:inline-block; background:#0082d0; width:120px; line-height:32px; color:#fff;}
.cases {padding: 40px 0 50px 0;background: #0082d0 url("casesBg.png") no-repeat scroll right top;}
.caseList{ padding: 30px 0 10px;}
.casesTitle{background:url("ctPng.png") no-repeat scroll center -679px; height: 190px;}
.caseList li{ float:left; width:260px; margin:0 10px 10px 0; text-align:center;}
.caseList li img{ width:240px; height:180px; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; background:#ddd; padding:4px;}
.caseList li span{ display:block; line-height:26px;}
.caseList li a{ display:block; color:#fff;}
.news{ background:#efefef; padding:10px 0 30px 0;}
.comNews{ float:left; width:520px;}
.comNewsTitle{background: rgba(0, 0, 0, 0) url("ctPng.png") no-repeat scroll -241px -859px; height: 70px;}
.more{background:url("ctPng.png") no-repeat scroll -585px -229px; float: right; height: 11px; margin: 35px 0 0; width: 41px;text-indent: -99999px;}
.newsList{}
.newsList li{background:url("ctPng.png") no-repeat scroll -596px -95px; line-height: 36px; padding-left: 30px;}
.newsList li span{ float:right;}
.techNews{ float:right; width:520px;}
.techNewsTitle{background:url("ctPng.png") no-repeat  -242px -948px;height: 70px;}
.link{ background:#2e2e2e; border-bottom:1px solid #303946;}
.linkList{ line-height:40px;}
.linkTitle{background:url("ctPng.png") no-repeat scroll -590px -137px; color: #fff; display: inline-block; font-size: 18px; line-height: 50px; padding-left: 41px;}
.linkList a{ color:#fff; padding:0 6px;}
.footer{background:#2e2e2e;}
.footerLeft{color: #fff; float: left; line-height: 32px; padding: 20px 0; text-align: center; width: 640px;}
.footerLeft a{ color:#fff;}
.footerRight{background:url("ctPng.png") no-repeat scroll -29px -357px; float: right; height: 86px; padding-top: 50px; width: 427px;}
.bMobile{color: #fff; font: bold 18px/45px ""; letter-spacing: 2px; text-align: center;} 
.bAddress{text-align: center; line-height: 40px; color: #fff; padding-right: 80px; font-size: 14px;}
.footerTxt{background: #0082d0; color: #fff; line-height: 60px; text-align: center;}
.footerTxt a{ color:#0C3;}



/**导航菜单 beigin**/
#menuUl{}
.home{ float: left; position:relative;}
.home:hover{background:#006baf;}
.navParentLi{ float: left; position:relative;}
.navParentLi:hover{background:#006baf;}
.navParentLi:hover a{ color:#fff;}
.navParentA{width:130px; display:block; font-size:14px; font-weight:bold; text-align:center; line-height:53px; color:#eee;}
.navParentA:hover{ color:#fff;}

.navParentLi ul {display:none; position:absolute; width:130px; z-index:1000;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.navSubLi {border-bottom:1px solid #fff; background:#006baf; height:35px; text-align:center;}
.navSubLi:hover {background:#f00;}
.navSubLi a{line-height:35px; color:#fff; font-size:12px;}
/**导航菜单 end**/

/**banner begin**/
.banner{ width:100%;  position:relative;  height:440px; background:#000; overflow:hidden;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:440px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:440px; text-indent:-99999rem;}	
.banner .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;_background:#000; _filter:alpha(opacity=60);}	
.banner .hd ul{ text-align:center;  padding-top:5px;  }	
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(banner/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px;}	
.banner .hd ul .on{ background-position:0 0; }

.banner1{background:url("banner/1.jpg") center 0 no-repeat;}
.banner2{background:url("banner/2.jpg") center 0 no-repeat;}
.banner3{background:url("banner/3.jpg") center 0 no-repeat;}
.banner4{background:url("banner/4.jpg") center 0 no-repeat;}
/**banner end**/

.nCateList{}
.cateParentLi{ margin-bottom:4px;}
.cateParentLi .cateParentA{background: #ddd url("ctPng.png") no-repeat scroll -590px -351px; color: #000; display: block; font-size: 14px; line-height: 40px; padding-left: 26px;}
.cateParentA:hover, .cateParentA.on{background:#0082d0 url("ctPng.png") no-repeat scroll -590px -411px; color:#fff;}
.cateParentLi .currentCateParentA{background: #3386b8 url("ctPng.png") no-repeat scroll -590px -411px; color: #fff; display: block; font-size: 14px; line-height: 40px; padding-left: 26px;}
.cateSubLi a{ display:block; line-height:32px; background:#f0f0f0 url("ctPng.png") no-repeat scroll -576px -385px; border-bottom:1px dashed #ccc; padding-left:40px;}


/*内页 begin*/
.ctMain{ padding:20px 0;}
.ctLeft{ float:left; width:250px;}
.nCate{ background:#efefef;}
.leftTitle{font:bold 18px/46px "微软雅黑",Arial, Helvetica, sans-serif; text-align:center; background:#0082d0; color:#fff;margin-bottom:4px;}
.nCateList{}
.nProCate{background:#efefef;}
.ctRight{ float:right; width:815px;}
.singlePage{padding: 10px 10px; line-height: 28px; font-size: 14px; color: #333;}
.picPage{ padding:10px 0 0 10px;}

.position{border-bottom:1px solid #d0d0d0;}
.position .positionTitle{color: #000; display: inline-block; float: left; font-size: 18px; letter-spacing: 2px; line-height: 45px; padding-left: 20px;}
.position .positionContent{line-height:45px;padding-right:18px; float:right;}
.position .positionContent a{color:#0082d0;}

/**左侧栏目分类 begin**/
.cate{}
.nCateList{ padding:0 0 8px 0;}
/**左侧栏目分类 end**/


.nNewsList{}
.nNewsList li{background:url("ctPng.png") no-repeat scroll -596px -95px; line-height: 36px; padding-left: 30px; border-bottom:1px dashed #ddd;}
.nNewsList li span{ float:right;}

.leftNewsList{border: 1px solid #ddd; padding: 10px 8px;}
.leftNewsList li{background:url("ctPng.png") no-repeat scroll -596px -95px; line-height: 36px; padding-left: 24px; border-bottom:1px dashed #ddd; overflow:hidden; white-space:nowrap;}

.nNewsTitle{  text-align:center; padding-bottom:8px;}
.nNewsTitle h1{line-height:35px; font-weight:normal; font-size:18px;}
.nNewsInfos{ text-align:right; color:#999; margin-right:10px;}
.nNewsContent{ line-height: 30px; padding:8px;}
.bdShare{ float:right;}
.prenext{ margin:8px 4px; padding:4px; border:1px solid #ddd;}
.preArticle{ float:left;}
.nextArticle{ float:right;}

.contentSiteTag{ -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; background:#3386b8 ;}
.contentSiteTagTitle{ display:inline-block; padding:0 10px; line-height:40px; color: #fff; font-size: 22px;}
.contentSiteTag a{color: #fff;display: inline-block;line-height: 40px;margin: 0 8px;}
.contentSiteTag a:hover{ font-weight:bold;}
/*内页 end*/


/*内页产品列表 begin*/
.nProList{}
.nProList li{float: left; margin: 0 8px 8px 0; text-align: center; width: 260px;} 
.nProList li a{ display:block;}
.nProList li img{ width:240px; height:180px; padding:4px; border:1px solid #bbb;}
.nProList li span{ display:block; line-height:24px; font-size:14px;}
/*内页产品列表 end*/

/*产品说明页面 begin*/
.ProIntro{ padding-bottom:15px;}
.proImage{ float:left; width:308px; border:8px solid #ddd;}
.proImage img{ border:4px solid #fff;}
.proBaseInfo{ float:left; width:445px; margin-left:20px;}
.proTitle{line-height: 38px; padding: 4px 8px; text-align: center;}
.proAttachedInfo{ text-align:right; text-align:right; padding-right:10px; color:#999;}
.proParameter li{ margin:5px; line-height:35px;}
.proParameter li span{display: inline-block; font-weight: bold; margin-right: 15px; text-align: center; width: 100px;color:#fff; background:#f00;}
.productTuku span{ background:#f00 !important;}
.productTuku a{color:#fff; display:block;}
.proDetail{}
.descTitle{border-bottom:1px solid #ddd;}
.descTitle span{display: inline-block; font-size: 16px; line-height: 36px; padding: 0 16px; background: #0082d0; color: #fff;}
.proIntro{padding:10px 0;}
/*产品说明页面 end*/

/*内页工程案例列表 begin*/
.nCaseList{}
.nCaseList li{ width:258px; float:left; margin:0 8px 8px 0; text-align:center;}
.nCaseList li a{ display:block;}
.nCaseList li img{ width:250px; height:186px;  -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; background:#ddd; padding:4px;}
.nCaseList li span{ display:block; line-height:26px; font-size:14px;}
/*内页工程案例列表 end*/

.nAnLiTitle{line-height: 46px; padding: 4px 8px; text-align:center;}
.nAnLiTitle h1{font-weight:normal; font-size:20px;}
.nAnLiInfos{color: #999; padding-right: 10px; text-align: right;}
.nAnLiImageList li{float: left; margin: 8px; padding: 12px 10px; text-align: center; width: 228px; }
.nAnLiImageList li a{ display:block;}
.nAnLiImageList li img{ width:220px; height:160px;-moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; background:#ddd; padding:4px;}
.nAnLiImageList li span{ display:block; line-height:30px;}
.nAnLiContent{ line-height:26px;}

/* FeedBack beigin */
.feedBack{ padding:10px 0;}
.feedBlock{margin-bottom: 10px; position: relative;}
.fAuthor{left: 0; position: absolute; top: 18px; width: 120px;}
.fIcon{ text-align:center;}
.fAvatar{background: url("../avatar.gif") no-repeat scroll center top; height: 67px; width: 120px;}
.fName{font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; overflow: hidden; padding-right: 4px; text-align: center; white-space: nowrap;}
.fInfo{border: 2px solid #ddd; margin-left: 120px; min-height: 70px; padding: 8px; position: relative;}
.fTime{color: #aaa; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding-right:6px; position: absolute; right: 0; text-align: right; top: 18px;}
.fContent{background: url("../postBg.png") no-repeat scroll -270px 12px; border-bottom: 1px solid #ddd; font: bold 14px/40px "楷体"; padding-left: 30px;} 
.fReply{background: url("../postBg.png") no-repeat scroll -270px -80px;}
.fReply p{color: #333; padding-left: 30px; line-height:40px;}

.qipao1{border-color: transparent #ddd transparent transparent; border-style: solid; border-width: 16px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 14px;}
.qipao2{border-color: transparent #fff transparent transparent; border-style: solid; border-width: 20px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 10px;}
	
.commentbox{padding-top:5px;}
.liuyan li{ line-height:40px; clear:both;}
.liuyan .fontStyle{font: bold 12px/40px "宋体"; color:#3386b8; float:left; width:100px; margin-right:10px; text-align:right;}
/* FeedBack end */

/* relative start */
.relativeInfo{}
.relativePicList{padding:8px 0;}
.relativePicList li{border: 1px solid #ccc; float: left; margin: 8px; padding: 8px; width: 234px; background:#eee; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px;}
.relativePicList li a, .relativeCaseList li span{ display:block; text-align:center; line-height:26px;}
.relativePicList li img{ -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px; height: 170px; width: 226px;}
.relativeTitle, .detailTitle{border-bottom: 1px solid #666; }
.relativeTitle span, .detailTitle span{background: #3386b8; color: #fff; display: inline-block; font: bold 14px/30px "微软雅黑"; padding: 0 20px; text-align: center;}

.relativePicList li:nth-child(n+5){ display:none;}

.relativeArticle{padding:8px 0;}
.relativeArticleList{padding:8px 0 8px 8px;}
.relativeArticleList li{float: left; margin: 0 20px 0 10px; padding-left: 20px; width: 305px;}
.relativeArticleList li a{ display:block; line-height:26px;}

.message{}
.messageList{}
.messageForm{padding-top: 10px;}
.relativeMsgBlock{ background:#fff; padding:10px 0;position: relative;}
.relativeMsgLeft{width:90px; float:left;}
.relativeMsgPic{padding:0px  12px;}
.relativeMsgName{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-top:5px;color:#196ba7;font-weight:bold;}		
.relativeMsgRight{float:left; padding-bottom:10px;}
.relativeMsgTime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#ccc;padding:0px 20px 5px 20px;}	
.relativeMsgContent{border: 1px solid #ddd; margin-left: 20px; padding: 8px 0; width:930px; position:relative;}
.relativeMsgBorder{height:55px; width:20px; background:url("../PostBG.png") no-repeat -6px -77px; position:absolute; left:-19px}
.relativeMsgContent p{padding:0px 20px 5px 20px;color:#196ba7;}
.messageTA{ width:800px; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageTA2{ width:600px; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageName{ width:200px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.messageCode{ width:100px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.Cbutton{background:#3386b8; border: 0 none; color:#fff; cursor: pointer; font-size: 14px; line-height: 35px; margin: 15px; width: 180px;}
/* relative end */


/** Search beigin **/
.searchForm{background: url("../PostBG.png") no-repeat scroll -46px -140px transparent; height: 30px; width: 220px; margin:15px 0 10px 10px}
#search-text {background: none;  border: medium none; color: #999999; font-size: 12px; height: 28px; line-height: 28px; margin: 0; padding: 0 10px 0 30px; width: 112px}
#search-submit {background: none; border: medium none; color: #ffffff; cursor: pointer; font-size: 12px; height: 26px; margin: 0; padding: 0; width: 42px;}
.searchtip{ text-align:center; font:bold 14px/36px '微软雅黑'; border-bottom:1px solid #690;}
.result_list .gray{ text-align:right; padding-right:10px; color:#666;}
.result_list dl dt{ font:bold 12px/30px '微软雅黑'; padding-left:10px;}
.resultContent{ font:12px/26px '微软雅黑'; padding-left:20px; color:#777;}
.resultInfo{ text-align:right; padding-right:10px; color:#666; border-bottom:1px dashed #999; margin-bottom:8px; line-height:30px;}
.resultInfo a{color:#666; margin-right:15px;}
/** Search end **/

/* 招聘信息 strat */
.recruitList{ border:1px solid #3386b8;}
.recruitTitleBg{ background:#3386b8;}
.recruitList li{ line-height:40px; border-bottom:1px solid #3386b8;}
.recruitTitle{font:bold 14px/40px "宋体"; color:#fff; padding-left:10px; display:block; float:left;}
.recruitTime{ margin-left:15px; color:#fff; float:left;}
.recruitItem{ font:bold 12px/40px "微软雅黑"; color:000; display:block; float:left; width:90px; text-align:right; padding-right:10px; background:#ddd;}
.recruitItemText{ float:left; width:655px; margin-left:10px; line-height:40px;}
.recruitDiscription{float:left; width:655px; margin-left:10px; line-height:30px;}
.recruitHr{ height:1px;}
/* 招聘信息 end */

/** siteMap strat **/
.siteMap{ line-height:30px;}
.siteMapBigLi{ padding-bottom:10px;}
.siteMapBigClass{background:#3386b8; display:block; font: bold 12px/30px "微软雅黑"; padding-left: 20px; color:#fff; border-bottom:1px solid #eee;}
.siteMapBigClass:hover{ color:#eee;}
.siteMap ul{ margin-left:40px;}
.siteMap ul li{ border-bottom:1px solid #eee;}
/** siteMap end **/

/*分页 begin*/
.yPage{text-align:center; height:35px; line-height:35px; margin-top:5px; color:#000;}
.yPage a{ color:#f00; margin:0 5px;}
.currentPage{ color:#f00;}
/*分页 end*/

/*service beigin*/
.kefu1Box { width:118px; position:absolute; z-index:9999; top:160px; overflow:hidden;}
.closeBtn a span { display:none;}
.show_btn { display:none; width:28px; height:112px; background-position:-231px 0 ;position:absolute; top:0; z-index:1; cursor:pointer;}
.show_btn span { display:none;}
.kefu01Content .qqserver p { text-align:center; padding:2px 0; margin:0; vertical-align:middle;}
.kefu01Content .qqserver p img {display: inline; vertical-align:middle;}
.kefu01Content .phoneserver{ text-align:center;}
.kefu01Content .phoneserver h5 { font-family:"Microsoft Yahei"; font-weight:bold; color:#666; font-size:15px;}
.kefu01Content .phoneserver p { padding:2px 0; _height:16px; margin:0;color: #666666;}
.kefu01Content .msgserver { text-align:center; margin-bottom:5px;}
.kefu01Content .msgserver a { background:url(../serviceImg/keFu01.png) no-repeat -5px -145px; padding-left:20px;}
.kefu01Content hr {color:#f4f4f4; height:1px; margin:10px 0; clear:both; }

.keFu01 .kefuContent { width:118px; position:absolute; z-index:2; top:0; right:0;}
.keFu01 .contentTitle { height:33px; background:url(../serviceImg/keFu01.png) no-repeat -100px 0; }
.keFu01 .kefu01Content { border-left:1px solid #1e1824; border-right:1px solid #1e1824; background:#fff;  text-align:center; padding:5px;}
.keFu01 .kefu01Content .qqserver p span { display:none;}
.keFu01 .contentBottom { height:2px; background:#1e1824; overflow:hidden; }
.keFu01 .closeBtn {position:absolute; right:1px; top:2px;}
.keFu01 .closeBtn, .keFu01 .closeBtn a {display:block; overflow:hidden; cursor:pointer; width:24px; height:22px; background:url(../serviceImg/keFu01.png) no-repeat -250px 0; }
.keFu01 .show_btn { width:33px; height:120px; background:url(../serviceImg/keFu01.png) no-repeat 0 0;  }
/*service end*/